import "./index.css";

import TodoItem from "../TodoItem";

export default function TodoList(props) {
  return (
    <ul className="todo-main">
      {props.todoList.map((todo) => {
        return <TodoItem key={todo.id} todo={todo} />;
      })}
    </ul>
  );
}
